#include("layout.html")
#@cdsLayout()

#define cdsContent()
###主题内容
<div class="container margin-top-small">
	###第一行：文章列表、头像、大家喜欢看
	<div class="grid-small big-grid-middle">
		<div class="grid">
			<div class="mini-x12 small-x9">
				#news("note", 6, "a")
				<div class="bg-white shadow-small radius margin-bottom">
					<div class="media padding-small">
						<a class="float-left margin-right" href="/viewArt?id=#(a.id??)" target="_blank">
							<div class="img-container radius">
								<img src="#(a.thbPath??)" width="120" class="radius hover-big" alt="#(a.title??)">
							</div>
						</a>
						<div class="media-body">
							<strong>
								#if(a.isTop=='1')<span class="badge radius">置顶</span>#end
								#(a.title??)
								#if(a.subtitle)<span class="badge radius tag-#(a.column)">#(a.subtitle??)</span>#end
							</strong>
							<p>#cutStr(a.contentText??"暂无内容", 120)</p>
						</div>
					</div>
				</div>
				#end
			</div>
			###格子里面不要直接放内容，需要再套一层
			<div class="hidden small-show small-x3">
				###头像
				<div class="bg-white shadow-small radius padding">
					#cald("about", 1, "a")
					<div class="img-container radius">
						<img alt="#(a.title??)" src="#(a.thbPath??)" class="img-auto radius hover-big">
					</div>
					#end
				</div>
				###点击排行榜
				<div class="bg-white shadow-small radius margin-top">
					<h4 class="padding-top padding-left">大家喜欢看</h4>
					<hr />
					<div class="padding-bottom padding-left padding-right">
						#hotNews("note,album,video", 9, "a")
							#set(action="/viewArt?id=")
							#if(a.type=="2")
			            		#set(action="/viewPicArt?id=")
			            	#end
			            	#if(a.type=="3")
			            		#set(action="/viewVideoArt?id=")
			            	#end
							<a href="#(action)#(a.id)" target="_blank">#cutStr(a.title, 20)</a>
							<span class="badge bg-sub">#(a.clickNum??)</span>
							<br/>
						#end
					</div>
				</div>
			</div>
		</div>
	</div>
	
	###第二行：相册瀑布流
	<div class="falls" id="falls">
		#news("album,video", 40, "a")
		<div class="falls-item">
			<div class="bg-white shadow-small padding-small radius">
				<figure class="figure align-center">
	      			#set(action="/viewPicArt?id=")
	            	#if(a.type=="3")
	            		#set(action="/viewVideoArt?id=")
	            	#end
		            <a href="#(action)#(a.id)" target="_blank">
		            	<div class="img-container radius">
		      				<img src="#(a.thbPath??)" alt="#(a.title??)" class="img-auto radius hover-big" />
		      			</div>
		      			<figcaption>#cutStr(a.title??, 20)</figcaption>
	      			</a>
	    		</figure>
			</div>
	    </div>
	    #end
	</div>
</div>
#end